<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东</title>
	<style>
		*{
			background: #f5f5f5;
			margin: 15px;
		}
		#remember{
			width: 220px;
			height: 50px;
			border: 1px solid skyblue;
			box-shadow: 3px 4px 20px 1px gray;
			border-radius: 5px;
			margin: 10px;
			
		}
		
		
		p{
			font-size: 13px;
			color: #626262;
			}
			
			h3{
			color: #ffffff;
			font-size: 12px;
			border: 1px solid red;
		   border-radius: 10px;
		   padding-top: 9px;
		   padding-left: 3px;
			}
		
		.v{
			width: 60px;
			height: 37px;
			background: #ff0000;
		    margin-left: 140px;
			margin-top: -40px;
			}
			h3:hover{
				color: #000;
				
			}
	</style>
	</head>
	<body>
		
		<div id="remember">
			<p>搜索  京东商品</p>
			<div class="v"><h3>搜索</h3></div>
		</div>
		
	</body>
</html>